/* reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,input{margin: 0; -webkit-text-size-adjust: 100%; font-family: Helvetica,"Microsoft Yahei",sans-serif;}
ul,ol,li{margin: 0; padding: 0; list-style: none; }
img{display: block; }
a{text-decoration: none; }
em,i{ font-style:normal;}
a,input,button{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; outline: none;}
// html,body{width: 100%; height: 100%; position: relative; overflow: hidden; }
/* 框架搭建 */
html {width: 100%; height: 100%; overflow: hidden; }
body {width: 100%; height: 100%; overflow: auto; font-size: 0.5rem; font-family: Arial, Helvetica, STHeiTi, 微软雅黑, sans-serif; }
/*清浮动*/
.cleafix{*zoom:1;}
.cleafix:after{content: "";display: block;clear: both;}

.head_box{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	width: 100%;
	height: 1.333rem;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}
.head_top{
	flex: 1;
	-webkit-flex: 1;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	line-height: 1.333rem;
	border-bottom: 0.052rem solid #c8c8c8;
	text-align: center;
	color: #c8c8c8;
	font-size: 0.453rem;
}
.head_box .active{
	border-bottom: 0.052rem solid #52acff;
	color: #52acff;
}
.head_box a{
	color: #52acff;
}
#content{
	position:relative;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	padding-top: 1.333rem;
	overflow:auto;
	z-index:1;
}
#prompt{
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #f7f7f7;
	color: #666;
}
#prompt span{
	width: 80%;
	overflow: hidden;
	float: left;
	margin-left: 0.25rem;
	font-size: 0.32rem;
}
#prompt i{
	margin-right: 0.25rem;
	display: inline-block;
	width: 0.4375rem;
	height: 0.4375rem;
	font-style: normal;
	text-align: center;
	line-height: 0.4375rem;
	background: #d7d7d7;
	border-radius: 50%;
	color: #646464;
	font-size: 0.32rem;
	float: right;
	margin-top: 0.135rem;
}
.produc_nav{
	width: 100%;
	height: 0.9375rem;
	background: #fff;
}
.produc_nav li{
	width: 20%;
	height: 0.9375rem;
	float: left;
	font-size: 0.375rem;
	color: #373737;
	text-align: center;
	line-height: 0.9375rem;
}
.produc_nav .active{
	color: #52acff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 4px solid #52acff;
}
.produc_change{
	width: 100%;
	position: relative;
	display: none;
}
.pro_change_teb{
	width: 3.5rem;
	height: 0.75rem;
	margin-left: 3.2rem;
	line-height: 0.75rem;
	font-size: 0.375rem;
	border: 2px solid #52acff;
	margin-top: 0.15625rem;
}
.pro_change_teb li{
	width: 50%;
	height: 100%;
	text-align: center;
	float: left;
	position: relative;
}
.pro_change_teb li i{
	width: 0.15rem;
	height: 0.15rem;
	position: absolute;
	bottom: -0.1rem;
	left: 50%;
	margin-left: -0.075rem;
	display: inline-block;
	background: #f7f7f7;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	display: none;
}
.pro_change_teb .active i{
	display: block;
}
.pro_change_teb .active{
	background: #52acff;
	color: #fff;
}
.produc_change_con{
	display: none;
}
.produc_change_msg{
	width: 100%;
	padding: 0.25rem 0;
	float: left;
	background: #f7f7f7;
	font-size: 0.375rem;
}
.produc_change_msg p{
	padding: 0 0.25rem;
	line-height: 0.5rem;
	text-indent: 2em;
}
.produc_change_box{
	width: calc(100% - 0.5rem);
	height: 4.21875rem;
	padding: 0 0.25rem;
	overflow: hidden;
}
.produc_change_list{
	/*width: 333%;*/
	height: 30rem;
	float: left;
	margin-top: 0.21875rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.produc_change_list li{
	width: 2.8125rem;
	height: 3.75rem;
	float: left;
	margin-right: 0.46875rem;
}
.produc_change_list .list_img{
	width: 2.8125rem;
	height: 2.8125rem;
	padding: 0.0625rem;
	border: 2px solid #c8c8c8;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.produc_change_list .active .list_img{
	border: 4px solid #52acff;
}
.produc_change_list .active span{
	border: 2px solid #52acff;
	color: #52acff;
}
.produc_change_list .list_img img{
	width: 100%;
	height: 100%;
}
.produc_change_list span{
	width: calc(100% - 0.375rem);
	height: 0.54rem;
	padding: 0 0.1875rem;
	line-height: 0.53125rem;
	display: inline-block;
	border: 2px solid #c8c8c8;
	font-size: 0.375rem;
	text-align: center;
	color: #646464;
	border-radius: 0.53125rem;
	margin-top: 0.25rem;
}
.produc_change_list span .left{
	float: left;
}
.produc_change_list span .right{
	float: right;
}
.produc_change_info{
	width: 100%;
	float: left;
	/* margin-bottom: 1rem; */
	/* position: relative; */
}
.produc_change_info h2{
	width: calc(100% - 0.375rem);
	padding: 0 0.1875rem;
	height: 1.0625rem;
	display: inline-block;
	background: #52acff;
	color: #fff;
	font-size: 0.375rem;
	line-height: 1.0625rem;
}
.produc_change_info h2 em{
	float: right;
}
.produc_info_con{
	width: calc(100% - 0.375rem);
	padding: 0 0.1875rem;
	margin-bottom: 1.5rem;
	font-size: 0.375rem;
	float: left;
}
.produc_info_con strong{
	font-weight: normal;
	color: #666;
}
.produc_info_con h3{
	width: 100%;
	line-height: 0.6rem;
	margin-top: 0.2rem;
	color: #666;
	font-weight: normal;
	float: left;
}
.produc_info_con p{
	width: 100%;
	line-height: 0.7rem;
	color: #333;
	float: left;
}

.recommend{
	width: calc(100% - 0.375rem);
	height: 1rem;
	line-height: 1rem;
	padding: 0.15rem 0.1875rem;
	font-size: 0.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: #fff;
}
.recommend input{
	width: 7rem;
	height: 1rem;
	text-indent: 0.5em;
	border: 2px solid #c8c8c8;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right: transparent;
	float: left;
	border-radius: 0.1rem 0 0 0.1rem;
	font-size: 0.43rem;
}
.recommend button{
	width: 2.625rem;
	float: left;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border: transparent;
	border-radius: 0 0.1rem 0.1rem 0;
	background: #52acff;
	font-size: 0.4rem;
	color: #fff;
}
.wenxin_icon{
	position: fixed;
	bottom: 19%;
	right: 5%;
	z-index: 1100;
	width: 1.125rem;
	height: 1.125rem;
	display: inline-block;
	border-radius: 1.125rem;
	background: rgba(255, 194, 101, 0.7);
	color: #fff;
	font-size: 0.3745rem;
	text-align: center;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}
.wenxin_icon em{
	padding: 0.18rem 0 0 0.18rem;
	line-height: 0.4rem;
	float: left;
}
.wenxin_con{
	width: 100%;
	position: inherit;
	z-index: 1120;
	top: 0px;
	display: none;
	background: rgba(0,0,0,0.3);
}
.popup{
	width: calc(86% - 0.375rem);
	border-radius: 0.5rem;
	padding: 0.1875rem;
	background: #fff;
	margin: 15% 7% 0 7%;
}
.popup:nth-child(1) .popup-text i{
	width: 0.5rem;
	height: 0.734375rem;
	display: inline-block;
	background: url(../img/pop-img1.png) no-repeat;
	background-size: contain;
}
.popup .popup-text:nth-child(2) i{
	width: 0.5rem;
	height: 0.65625rem;
	display: inline-block;
	background: url(../img/popupimg2.png) no-repeat;
	background-size: cover;
}
.popup .popup-text:nth-child(3) i{
	width: 0.625rem;
	height: 0.609375rem;
	display: inline-block;
	background: url(../img/popupimg3.png) no-repeat;
	background-size: cover;
}
.popup-text h3{
	width: 100%;
	float: left;
	margin-top: 0.2rem;
	line-height: 0.734375rem;
	font-weight: normal;
	color: #fe9900;
	font-size: 0.421875rem;
}
.popup-text h3 i{
	float: left;
}
.popup-text h3 em{
	float: left;
	margin-left: 0.21875rem;
}
.popup-text p{
	width: 100%;
	font-size: 0.375rem;
	line-height: 0.6rem;
	color: #646464;
}
.popup-btn{
	width: 2.65625rem;
	height: 1.0625rem;
	font-size: 0.4375rem;
	background: #fe9900;
	color: #fff;
	text-align: center;
	line-height: 1.0625rem;
	border-radius: 0.2rem;
	margin: 0.3rem 0 0.3rem 2.75rem;
}

/*充值说明*/
.credit_num{
	width: calc(100% - 0.375rem);
	height: 1rem;
	padding: 0 0.1875rem;
	font-size: 0.4rem;
	margin-top: 0.2rem;
}
.credit_num input{
	width: 80%;
	height: 1rem;
	text-indent: 0.5em;
	border: 2px solid #c8c8c8;
	font-size: 0.4rem;
	border-radius: 0.152rem;
}
#credit_icon{
	width: 18%;
	height: 1rem;
	display: inline-block;
	text-align: center;
	line-height: 1rem;
	font-size: 0.35rem;
	color: #fff;
	float: right;
	border: transparent;
	border-radius: 0.2rem;
	background-image: -moz-linear-gradient( 90deg, rgb(254,153,0) 24%, rgb(255,191,94) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,153,0) 24%, rgb(255,191,94) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,153,0) 24%, rgb(255,191,94) 100%);
}
.credit_con{
	width: 100%;
	position: inherit;
	top: 0;
	left: 0;
	display: none;
	z-index: 1100;
	background: rgba(0,0,0,0.3);
}
.credit_popup{
	width: calc(86% - 0.375rem);
	border-radius: 0.5rem;
	padding: 0.1875rem;
	background: #fff;
	margin: 16% 7% 0 7%;
}
.credit_popup h3{
	width: 100%;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.4rem;
	font-weight: normal;
	color: #373737;
	border-bottom: 1px solid #7a7979;
	margin-bottom: 0.1rem;
}
.credit_popup h4{
	width: 100%;
	line-height: 0.9rem;
	font-size: 0.38rem;
	font-weight: normal;
	color: #333;
	text-indent: 0.3em;
}
.credit_popup p{
	width: calc(100% - 0.8rem);
	line-height: 0.6rem;
	font-size: 0.38rem;
	font-weight: normal;
	color: #666;
	padding: 0 0.4rem;
}
.credit_popup .popup-btn{
    margin: 0.3rem 0 0.4rem 2.75rem;
}
.triangle-topright{
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 0.7rem solid #fe9900;
    border-left: 0.7rem solid transparent;
    color: #333;
    position: relative;
    top: 0;
    right: -0.15rem;
    z-index: 3;
}
.triangle-topright em{
    position: inherit;
    top: 0;
    right: 0;
    display: inline-block;
    transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.flow_info{
	width: 100%;
	display: none;
}
.flow_packet{
	width: 100%;
	position: relative;
	margin-top: 0.3rem;
	margin-bottom: 0.4rem;
}
.flow_order{
	width: 100%;
	float: left;
}
.flow_order .active{
	border: 2px solid #52acff;
	background: #DBEEFF;
}
.flow_order .active span{
	color: #52acff;
}
.flow_order li{
	width: 25.3333%;
	height: 1.2rem;
	margin: 0 4%;
	float: left;
	border: 2px solid #c8c8c8;
	border-radius: 0.3rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 0.4rem;
	position: relative;
	overflow: hidden;
}
.flow_order li span{
	width: 100%;
	height: 1.2rem;
	color: #646464;
	line-height: 1.2rem;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
.flow_order li i{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: url(../img/sanjiao.png) no-repeat;
	background-size: contain;
}
.flow_order li i em{
	width: 1rem;
	font-size: 0.25rem;
	display: inline-block;
	color: #fff;
	margin: -0.1rem 0 0 0.1rem;
	text-align: center;
	line-height: 0.5rem;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.pro_change_teb span{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../img/sanjiao.png) no-repeat;
	background-size: contain;
}
.pro_change_teb span em{
	width: 0.6rem;
	font-size: 0.25rem;
	display: inline-block;
	color: #fff;
	float: left;
	margin: -0.03rem 0 0 0.07rem;
	text-align: center;
	line-height: 0.5rem;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.payment{
	width: calc(100% - 0.5rem);
	height: 1rem;
	padding-left: 0.5rem;
	font-size: 0.4rem;
	margin-top: 0.3rem;
	float: left;
	color: #646464;
}
.payment input{
	max-width: 1rem;
	height: 1rem;
	padding: 0 0.2rem;
	line-height: 1rem;
	font-size: 0.5rem;
	color: #333;
	border: transparent;
}
.payment em{
	color: #fe9900;
	padding-left: 0.3rem;
}
.pay_btn{
	width: calc(100% - 1rem);
	height: 1.1rem;
	margin-left: 0.5rem;
	margin-top: 0.2rem;
	display: inline-block;
	background: #52ACFF;
	border-radius: 0.2rem;
	color: #fff;
	font-size: 0.45rem;
	border: transparent;
	line-height: 1.1rem;
	text-align: center;
}
.arrival{
	width: 100%;
	margin-bottom: 1.2rem;
}
.arrival_info{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 0.5rem;
}
.arrival_info li{
	width: 33.333%;
	text-align: center;
	float: left;
}
.arrival_info li h4{
	width: 1.875rem;
	height: 1.875rem;
	font-weight: normal;
	display: inline-block;
	text-align: center;
	line-height: 1.875rem;
	font-size: 0.4rem;
	color: #fe9900;
	border: 2px solid #fe9900;
	border-radius: 50%;
	margin-bottom: 0.1rem;
}
.arrival_info li h4 span{
	line-height: 0.6rem;
	vertical-align: middle;
	display: inline-block;
}
.arrival_info p{
	font-size: 0.4rem;
	color: #373737;
}
.arrival_kf{
	width: calc(100% - 0.375rem);
	padding: 0 0.1875rem;
	font-weight: normal;
	color: #373737;
	font-size: 0.4rem;
	text-indent: 0.9rem;
	line-height: 0.6rem;
}
/*我的订单*/
#header_order{
	width: 100%;
	height: 5.45rem;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}
.order_head{
	width: 100%;
	height: 2.133rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	background: #fff;
	align-items: center;
	-webkit-align-items: center;
}
.order_head_top{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	line-height: 2.133rem;
	border-bottom: 0.08533rem solid #c8c8c8;
	float: left;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	color: #c8c8c8;
	font-size: 0.7253rem;
}
.order_head .active{
	// background: #52acff;
	border-bottom: 0.08533rem solid #52acff;
	color: #52acff;
}

.order_head2{
	width: calc(100% - 2rem);
	height: 1.09375rem;
	padding-left: 2rem;
	background-color: #fff;
}
.order_head2_top{
	width: 3rem;
	line-height: 1.09375rem;
	border: 1px solid #52acff;
	float: left;
	text-align: center;
	color: #373737;
	font-size: 0.5rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.order_head3{
	width: 100%;
	height: 1.3rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	background: #fff;
	align-items: center;
	-webkit-align-items: center;
}
#header_push2{
	width: 100%;
	height: 1.3rem;
	background-color: #fff;
	/* position: absolute; */
	left: 0;
	top: 0;
	z-index: 1000;
}
.order_head3_top{
	display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    line-height: 1.3rem;
    border-bottom: 0.04533rem solid #c8c8c8;
    float: left;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #c8c8c8;
    font-size: 0.47rem;
}
.order_head3_top_active{
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    line-height: 1.3rem;
    float: left;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 0.47rem;
    border-bottom: 0.04533rem solid #52acff;
    color: #52acff;
}
.order_head3_top_active a{color: #52acff;}
.order_head3_top a{color: #c8c8c8;}
.order_head2 .active{
	background: #52acff;
	border: 1px solid #52acff;
	color: #fff;
}
.head_box a{color: #c8c8c8;}
.head_box .active a{color: #52acff;}
.order_head2_top a,.order_head_top a{color: #c8c8c8;}
.order_head2 .active a,.order_head .active a{color: #52acff;}

.order_con2{padding-top: 0;}
.order_head2 .order_head2_top a{color: #c8c8c8;font-size: 0.4266rem;}
.order_head2 .active a{color: #fff;}

#order_container{
	padding-top: 5.6rem;
}
.container{
	width: 100%;
	// box-sizing:border-box;
	// -webkit-box-sizing:border-box;
	position:relative;
	// overflow:auto;
	z-index:1;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.container_overflow{overflow:auto;}
.inquiry{
	width: calc(100% - 0.8rem);
	padding: 0.35rem 0.4rem 0 0.4rem;
	margin-bottom: 0.2rem;
}
.inquiry .inquiry_cell{
	width: 10.975rem;
	height: 1.75rem;
	display: inline-block;
	font-size: 0.6rem;
	position: relative;
}
.inquiry_cell input{
	width: 100%;
	height: 1.75rem;
	padding: 0 1.3rem 0 0.25rem;
	border: 1px solid #c6c6c6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 0.6rem;
}
.inquiry .inquiry_cell i{
	position: absolute;
	top: 0.4rem;
	right: 0.3rem;
	display: inline-block;
	width: 0.95rem;
	height: 0.95rem;
	background: url(../img/rili.png) no-repeat;
	background-size: contain;
}
.inquiry span{
	width: 3.625rem;
	height: 1.75rem;
	display: inline-block;
	text-align: center;
	line-height: 1.75rem;
	background: #52acff;
	border-radius: 0.4rem;
	border: transparent;
	float: right;
	color: #fff;
	font-size: 0.6rem;
}
.order_nav{
	width: 100%;
	height: 1.4rem;
	background: #f7f7f7;
	display: flex;
	display: -webkit-flex;
	justify-content:space-around;
	-webkit-justify-content:space-around;
	align-items: center;
	-webkit-align-items: center;
}
.order_nav a{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
	color: #333;
	font-size: 0.55rem;
	border-right: 1px solid #ddd;
}
.order_nav a:last-child{
	border-right: transparent;
}
.order_nav .active{
	color: #52acff;
}
.inquiry .time{
	width: 100%;
	height: 1.5rem;
	background: #fff;
	margin-top: 0.3rem;
	display: none;
}
.time_num{
	width: 45%;
	float: left;
}
.time_num label{
	float: left;
	color: #777;
	font-size: 12px;
	line-height: 1.5rem;
}
.time_num input{
	width: 51%;
	height: 1.3rem;
	text-indent: 0.3em;
	border: 1px solid #DBDBDB;
	font-size: 12px;
	float: left;
}
.time em{
	width: 1.5rem;
	float: right;
	font-size: 0.5rem;
	color: #52ACFF;
	border: transparent;
	background: transparent;
	text-align: left;
	line-height: 1rem;
}
.order_list{
	width: 100%;
	float: left;
	display: none;
	margin-bottom: 0.2rem;
}
.order_list{
	-webkit-overflow-scrolling: touch;overflow-scrolling: touch;
}
.order_list li{
	width: calc(100% - 0.9rem);
	height: 2.85rem;
	padding: 0 0.45rem;
	float: left;
	font-size: 0.6rem;
	color: #646464;
	border-bottom: 1px solid #c8c8c8;
}
.order_list div{
	float: left;
}
.order_list_l{
	width: 5rem;
	/*width: 7.1rem;*/
}
.order_list_l span{
	display: inline-block;
	width: 8.5rem;
	padding-top: 0.8rem;
}
.order_list_l em{
	display: inline-block;
	width: 8.5rem;
	padding-top: 0.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.order_list_c{
	width: 3rem;
	line-height: 2.85rem;
	text-align: right;
}
.order_list_r{
	width: 3rem;
	text-align: right;
	line-height: 2.85rem;
}
.order_list_rr{
	width: 3.9rem;
	text-align: center;
	position: relative;
	top: 0.8rem;
	left: 0.3rem;
}
.load{
	width: 100%;
	height: 1rem;
	float: left;
	color: #646464;
	font-size: 0.5rem;
	line-height: 1rem;
	text-align: center;
}

/*潜在用户*/
#header_push{
	width: 100%;
	height: 3rem;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}
#header_push .msg{
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	background: #f7f7f7;
}
#header_push .msg em{
	float: left;
	font-size: 0.5rem;
	text-indent: 0.5rem;
	color: #646464;
}
#push_container{
	margin-top: 3rem;
}
.push_list{
	width: 100%;
	float: left;
}
.push_list li{
	width: calc(100% - 0.9rem);
	padding: 0 0.45rem;
	height: 2.85rem;
	border-bottom: 2px solid #c8c8c8;
	float: left;
}
.push_list_l{
	width: 4.75rem;
	line-height: 2.85rem;
	color: #373737;
	float: left;
	font-size: 0.7rem;
}
.push_list_c{
	width: 6.5rem;
	float: left;
	font-size: 0.55rem;
}
.push_list_c h4{
	width: 100%;
	margin-top: 0.6rem;
	color: #373737;
	font-weight: normal;
	float: left;
}
.push_list_c span{
	width: 100%;
	color: #fe9900;
	margin-top: 0.4rem;
	float: left;
}
.push_list_c span em{
	margin-right: 0.5rem;
}
.push_list_r{
	width: 3.5rem;
	float: left;
}
.push_list_r a{
	display: inline-block;
	width: 3.75rem;
	height: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	border: 2px solid #52acff;
	border-radius: 0.4rem;
	color: #52acff;
	font-size: 0.55rem;
	margin-top: 0.3rem;
	float: left;
}
.push_list_r span{
	margin-top: 0.2rem;
	color: #fe9900;
	font-size: 0.5rem;
	float: left;
}
.push_list_r strong{
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	line-height: 2.85rem;
	color: #373737;
	font-size: 0.6rem;
}
.push_list_r .success{
	color: #52acff;
}
/*奖励天天送*/
.reward{
	width: 100%;
	text-align: center;
}
.reward #img{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	padding-top: 2.4rem;
	margin-bottom: 1.4rem;
}
.reward #img img{
	width: 3.375rem;
	height: 5.325rem;
}
.reward #con,.reward #qidai{
	width: 100%;
	font-size: 0.55rem;
	color: #646464;
	line-height: 1rem;
	float: left;
}
.reward #btn{
	width: 8.5rem;
	height: 1.75rem;
	display: inline-block;
	background: #52acff;
	color: #fff;
	line-height: 1.75rem;
	text-align: center;
	font-size: 0.65rem;
	border-radius: 0.3rem;
	margin-top: 0.8rem;
	margin-bottom: 1.5rem;
}
.reward #text{
	width: calc(100% - 3.5rem);
	padding: 0 1.75rem;
	text-align: left;
	font-size: 0.55rem;
	color: #646464;
	float: left;
	line-height: 1.125rem;
}
.reward #text h3{
	width: 100%;
	font-weight: normal;
	line-height: 1.2rem;
}
.reward #text p{
	width: 100%;
	text-indent: 0.5em;
	text-align:justify;
}
/*佣金明细*/
.detailed{
	width: calc(100% - 0.6rem);
	padding: 0 0.3rem;
}
.detailed_card{
	width: 100%;
	float: left;
	padding-top: 0.3rem;
	margin-bottom: 0.3rem;
}
.detailed_card li{
	width: 5rem;
	height: 2.5rem;
	color: #fff;
	font-size: 0.6rem;
	text-align: center;
	float: left;
}
.detailed_card li h3{
	padding-top: 0.5rem;
	font-weight: normal;
}
.detailed_card li strong{
	font-size: 0.7rem;
	
}
.detailed_card li:nth-child(1){
	background: #fed28c;
	margin-right: 0.2rem;
}
.detailed_card li:nth-child(2){
	background: #ff7077;
	margin-right: 0.2rem;
}
.detailed_card li:nth-child(3){
	background: #7ec1ff;
}
.detailed_time{
	width: 100%;
	float: left;
}
.detailed_time .time_num{
	width: 33%;
}
.detailed_time .time_num input{
	width: 100%;
	height: 1.3rem;
	line-height: 1.3rem;
	text-indent: 0.5em;
	font-size: 0.5rem;
}
.detailed_time span{
	width: 10%;
	height: 1.3rem;
	line-height: 1.3rem;
	text-align: center;
	display: inline-block;
	float: left;
}
.detailed_time button{
	width: 20%;
	height: 1.3rem;
	border: transparent;
	border-radius: 0.2rem;
	background: #52acff;
	float: right;
	color: #fff;
	font-size: 0.5rem;
}

/*表格*/
.detailed_data{
	width: 100%;
	float: left;
	margin-top: 0.3rem;
}
.data_empty{
	width: 100%;
	text-align: center;
	height: 5rem;
	padding-top: 4.5rem;
	
}
.data_empty span{
	width: 6.9rem;
	height: 4.25rem;
	display: inline-block;
	background: url(../img/kong.gif) no-repeat;
	background-size: contain;
}
.data_empty em{
	width: 100%;
	text-align: center;
	color: #fff;
	margin-top: 2.2rem;
	font-size: 0.6rem;
	float: left;
}
.detailed_data table{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}
.detailed_data thead{
	text-align: left;
}
.detailed_data tbody tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.detailed_data tbody tr:nth-child(odd){
    background: #fff;
}
.detailed_data tbody tr:nth-child(even){
    background: #fafafa;
}
.detailed_data thead th{
	background: #52acff;
	color: #fff;
	max-width: 2rem;
	font-weight: bold;
    padding: 0.3rem;
    vertical-align: top;
    line-height: 1.7;
    text-align: center;
    border-right: 1px solid #c9c9c9;
}
.detailed_data tbody td{
	max-width: 2rem;
	padding: 0.3rem 0;
	vertical-align: top;
    line-height: 1.7;
    text-align: center;
    border: 1px solid #c9c9c9;
    vertical-align: middle;
    color: #373737;
}
.detailed_data tbody span{
	padding: 0.1rem 0.2rem;
	background: #ffbe32;
	border-radius: 4px;
	margin-left: 4px;
	color: #fff;
}
/*社会自然人*/
.person_pic{
	width: 100%;
	padding: 0.6rem 0 0.25rem 0;
	text-align: center;
}
.person_pic em{
	width: 5.5rem;
	height: 5.5rem;
	display: inline-block;
	overflow: hidden;
	border-radius: 5.5rem;
}
.person_pic em img{
	width: 100%;
	height: 100%;
}
.person_pic span{
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	display: inline-block;
	color: #646464;
	font-size: 0.5rem;
}
.person_con{
	width: calc(100% - 3.2rem);
	padding: 0 1.6rem;
	position: relative;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.person_tel,.person_now{
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	margin-bottom: 0.5rem;
	position: relative;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.person_tel em,.person_now em{
	width: 27%;
	height: 1.75rem;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #a0a0a0;
	display: inline-block;
	float: left;
	color: #646464;
}
.person_tel input{
	width: 73%;
	height: 1.75rem;
	border: 1px solid #a0a0a0;
	border-left: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	font-size: 0.55rem;
	text-indent: 1em;
	border-radius: initial;
}
.person_tel .selectpicker{
	width: 73%;
	height: 1.75rem;
	border: 1px solid #a0a0a0;
	border-left: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	font-size: 0.55rem;
	text-indent: 1em;
	border-radius: initial;
	background: transparent;
}
.selectpicker option{
	font-size: 0.55rem;
}
.person_now input{
	width: 40%;
	height: 1.75rem;
	border: 1px solid #a0a0a0;
	border-left: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	font-size: 0.55rem;
	text-indent: 1em;
	border-radius: initial;
}
#person_num{
	width: 31%;
    height: 1.75rem;
    display: inline-block;
    float: right;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 0.55rem;
    border: 2px solid #52acff;
    background: #92cbff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 1.75rem;
    text-align: center;
    text-indent: 0;
    outline:none;
}
.binding{
	width: 100%;
	height: 1.75rem;
	background: #52acff;
	display: inline-block;
	border-radius: 0.3rem;
	color: #fff;
	text-align: center;
	line-height: 1.75rem;
	font-size: 0.7rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.person_itme{
	width: 100%;
	font-size: 0.55rem;
	color: #646464;
}
.person_itme h4{
	width: 100%;
	line-height: 1.4rem;
}
.person_itme p{
	width: 100%;
	line-height: 1rem;
}
#person_yz{
	position: absolute;
	top: 21%;
	left: 0;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	font-size: 0.55rem;
	text-align: center;
	background: rgba(0,0,0,0.4);
	border-radius: 0.3rem;
	color: #fff;
	display: none;
}

.person_prompt {
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0 0.4rem;
	text-align: center;
	color: red;
	display: inline-block;
	border-radius: 0.2rem;
	background-color: #FFF;
	position: relative;
	border: 2px solid #FF2300;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	position: absolute;
	top:-0.7rem;
	right: 0;
}
.person_prompt i{
	width: 100%;
	display: inline-block;
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}
.person_prompt:after, .person_prompt:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 29%;
	position: absolute;
	width: 0;
}
.person_prompt:after {
	border-width: 0.325rem;
	border-bottom-color: #FFF;
	top: -0.62rem;
	left: 29.8%;
}
.person_prompt:before {
	border-width: 0.35rem;
	border-bottom-color: #F00;
	top: -0.7rem;
}
#modify{
	position: absolute;
	top: 0;
	right: 0;
	width: 0.8rem;
	height: 0.875rem;
	margin: 0.4375rem 0.4rem;
	display: inline-block;
	background: url(../img/modify.png) no-repeat;
	background-size: contain;
}
/*佣金明细*/
.commission_bg{
	background: #efeff4;
}
.commission{
	margin-bottom: 0.5rem;
}
.commission .box{
	width: calc(100% - 0.9rem);
	height: 5.2rem;
	padding: 0.6rem 0.45rem;
	background: #3883e9;
}
.commission .title{
	width: 50%;
	line-height: 1rem;
	display: inline-block;
}
.commission .title .icon1{
	width: 0.8rem;
	height: 0.8rem;
	background: url(../img/yinhang.png) no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}
.commission .title .icon2{
	width: 0.75rem;
	height: 0.575rem;
	background: url(../img/jifen.png) no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}
.commission .title em{
	color: #fff;
	font-size: 0.7rem;
	margin-left: 0.4rem;
	vertical-align: middle;
}
.commission .detail{
	float: right;
	color: #1148a0;
	font-size: 0.55rem;
}
.commission .money{
	width: 100%;
	color: #fcf600;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: bold;
	margin-top: 0.8rem;
	text-align: center;
}
.commission .month{
	width: 100%;
	font-size: 0.5rem;
	color: #bbd5f8;
	text-align: center;
}
.commission .link a{
	width: calc(100% - 0.9rem);
	padding: 0 0.45rem;
	height: 2.25rem;
	line-height: 2.25rem;
	background: #fff;
	border-bottom: 1px solid #efeff4;
	display: inline-block;
	font-size: 0.6rem;
	color: #333;
}
.commission .link a i{
	float: right;
}
/*申请提现*/
#apply{
	width: 100%;
	overflow: hidden;
	margin-top: 3.4rem;
}
.spply_img{
	width: calc(100% - 2.45rem);
	height: 2.15rem;
	margin: 0 1.225rem;
	background: url(../img/apply.png) no-repeat;
	background-size: contain;
	margin-top: 0.5rem;
	margin-bottom: 0.1rem;
	float: left;
}
.apply_step{
	width: 100%;
	float: left;
}
.apply_step ul{
	width: 120%;
	height: 1rem;
	margin-left: 1.225rem;
	float: left;
}
.apply_step ul li{
	float: left;
	font-size: 0.55rem;
	line-height: 1rem;
	margin-right: 3.5rem;
	color: #666;
}
.apply_con{
	width: calc(100% - 0.8rem);
	padding: 0 0.4rem;
	float: left;
	margin-top: 0.4rem;
}
.apply_account{
	width: 100%;
	float: left;
	font-size: 0.6rem;
	margin-bottom: 0.5rem;
	color: #333;
}
.apply_money{
	width: 100%;
	font-size: 0.6rem;
	color: #333;
	margin-bottom: 0.5rem;
}
.apply_money input{
	width: 8rem;
	height: 1.625rem;
	border: 1px solid #a0a0a0;
	text-indent: 1em;
	font-size: 0.6rem;
}
.apply_money_info{
	width: 8.2rem;
	margin-left: 3.1rem;
	font-size: 0.5rem;
	line-height: 1rem;
}
.apply_money_info span{
	float: right;
	color: #52acff;
}
.apply_btn{
	width: 100%;
	height: 1.75rem;
	display: inline-block;
	background: #52acff;
	text-align: center;
	line-height: 1.75rem;
	color: #fff;
	font-size: 0.6rem;
	border-radius: 0.3rem;
	margin-bottom: 0.5rem;
}
.apply_msg{
	width: calc(100% - 0.8rem);
	padding: 0 0.4rem;
	font-size: 0.6rem;
	color: #333;
}
.apply_msg h4{
	line-height: 1.2rem;
	font-size: 0.6rem;
	margin-bottom: 0.2rem;
	float: left;
}
.apply_msg p{
	line-height: 0.7rem;
	font-size: 0.6rem;
	margin-bottom: 0.2rem;
	text-indent: 2em;
	float: left;
}

.apply_out{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1100;
	background: rgba(0,0,0,0.3);
	display: none;
}
.apply_popup{
	width: 86%;
	border-radius: 0.5rem;
	background: #fff;
	margin: 30% 7% 0 7%;
	position: relative;
	display: none;
}
.apply_yz .apply_tx{display: none;}
.apply_popup section{
	width: calc(100% - 1.5rem);
	padding: 0 0.75rem;
}
.apply_popup h3{
	width: 100%;
	height: 1.7rem;
	text-align: center;
	line-height: 1.7rem;
	font-size: 0.6rem;
	font-weight: normal;
	color: #373737;
	border-bottom: 1px solid #7a7979;
	margin-bottom: 0.5rem;
}
.apply_popup p{
	text-indent: 2em;
	font-size: 0.6rem;
	color: #333;
}
.apply_out .btn{
	width: calc(100% - 20%);
	padding: 0 10%;
	height: 1.5rem;
	padding-bottom: 1rem;
	margin-top: 0.8rem;
}
.apply_out .btn button{
	width: 40%;
	height: 1.5rem;
	border-radius: 0.3rem;
	font-size: 0.6rem;
	color: #fff;
	background: #52acff;
	border: transparent;
	float: left;
}
.apply_out .btn #yes{
	float: right;
}
.apply_popup section h4{
	width: 100%;
	line-height: 0.9rem;
	font-size: 0.55rem;
	font-weight: normal;
	color: #333;
	margin-bottom: 0.5rem;
}
.apply_popup section h5{
	width: 100%;
	line-height: 0.9rem;
	font-size: 0.6rem;
	font-weight: normal;
	color: #333;
}
.apply_popup section input{
	width: 60%;
	height: 1.75rem;
	text-indent: 1em;
	font-size: 0.6rem;
	border: 1px solid #c8c8c8;
}
.apply_popup section span{
	display: inline-block;
	width: 35%;
	height: 1.75rem;
	font-size: 0.7rem;
	background: #92cbff;
	border: 2px solid #52acff;
	float: right;
	border-radius: 0.3rem;
	text-align: center;
	line-height: 1.75rem;
	color: #fff;
}
.apply_popup section button{
	width: 100%;
	height: 1.75rem;
	background: #52acff;
	border: transparent;
	line-height: 1.75rem;
	text-align: center;
	color: #fff;
	font-size: 0.6rem;
	border-radius: 0.3rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.apply_close_btn{
	width: 1.3rem;
	height: 1.3rem;
	background: url(../img/close_btn.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -4rem;
	left: 50%;
	margin-left: -0.65rem;
}
.pay_close_btn{
	width: 1rem;
	height: 1rem;
	background: url(../img/close_btn.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -3rem;
	left: 50%;
	margin-left: -0.5rem;
}
.apply_popup .line,.pay_popup .line{
	position: absolute;
	bottom: -3rem;
	left: 50%;
	display: inline-block;
	width: 4px;
	margin-left: -2px;
	height: 3rem;
	background: #f6f5f5;
}
/*弹窗*/
.pay_popup{
	width: 86%;
	border-radius: 0.3rem;
	background: #fff;
	margin: 40% 7% 0 7%;
	position: relative;
}
.pay_popup h3{
	width: 100%;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	font-size: 0.4rem;
	font-weight: normal;
	color: #373737;
	border-bottom: 1px solid #7a7979;
	margin-bottom: 0.2rem;
}
.pay_popup section{
	width: calc(100% - 0.375rem);
	padding: 0 0.1875rem;
}
.pay_popup h4{
	width: calc(100% - 1.25rem);
	padding: 0 0.625rem;
	font-size: 0.37rem;
	line-height: 0.7rem;
	font-weight: normal;
}
.pay_popup h5{
	width: 100%;
	font-size: 0.37rem;
	line-height: 0.7rem;
	font-weight: normal;
	color: #666;
	margin-bottom: 0.5rem;
	text-align: center;
	display: inline-block;
}
.apply_confirm{
	width: 100%;
	height: 1rem;
	display: inline-block;
	background: #52acff;
	text-align: center;
	line-height: 1rem;
	color: #fff;
	font-size: 0.4rem;
	border-radius: 0.2rem;
	margin-top: 0.5rem;
	margin-bottom: 0.2rem;
	border: transparent;
}
.recommend_popup .pay_popup {
    margin: 50% 7% 0 7%;
}
.recommend_popup .pay_popup h3 {margin-bottom: 0.3rem;font-size: 0.48rem;}
.recommend_popup .pay_popup h4 {font-size: 0.4rem;}
.recommend_popup .pay_popup h5 {margin-bottom: 0.3rem;}
.recommend_popup .apply_confirm{background: #52acff;margin-top: 0.6rem;}
/*常见问题*/
.question{

}
.question #img{
	width: calc(100% - 8.25rem);
	height: 4.25rem;
	padding: 0 4.125rem;
	margin-top: 1.5rem;
}
.question #img img{
	width: 100%;
}
.question #text{
	margin-top: 1rem;
}
.question #text p{
	text-indent: 5rem;
	color: #646464;
	font-size: 0.6rem;
	line-height: 0.8rem;
}
.question #link{
	width: calc(100% - 10rem);
	padding: 0 5rem;
	margin-top: 1.5rem;
}
.question #link a{
	width: 100%;
	line-height: 1.2rem;
	font-size: 0.6rem;
	float: left;
}
#Popup{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1100;
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
}
/*常见问题*/
.common_con,.common_explicit{
	width: 100%;
	font-size: 0.55rem;
}
.common_con h3{
	display: inline-block;
	width: 100%;
	height: 1.6rem;
	background: #efeff4;
	color: #999;
	font-size: 0.6rem;
	line-height: 1.6rem;
	text-indent: 0.5rem;
}
.common_con ul{
	width: calc(100% - 0.5rem);
	padding-left: 0.5rem;
	float: left;
}
.common_con ul li{
	width: 100%;
	height: 1.8rem;
	line-height: 1.8rem;
	font-size: 0.58rem;
	border-bottom: 1px solid #ddd;
	float: left;
}
.common_con ul a{
	width: 90%;
	height: 100%;
	display: inline-block;
	color: #333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.common_con ul em{
	color: #d0d0d0;
	float: right;
	margin-right: 0.5rem;
}
.common_explicit h3{
	width: calc(100% - 0.8rem);
	line-height: 1rem;
	padding: 0.4rem;
	border-bottom: 1px solid #ddd;
	color: #333;
	text-indent: 0.5rem;
	font-size: 0.6rem;
	display: inline-block;
}
.common_explicit h4{
	width: calc(100% - 1rem);
	padding: 0 0.5rem;
	line-height: 1rem;
	margin-top: 0.4rem;
	color: #666;
	font-size: 0.55rem;
	float: left;
}
.common_explicit p{
	width: calc(100% - 1rem);
	padding: 0 0.5rem;
	line-height: 1rem;
	margin-top: 0.2rem;
	color: #666;
	text-indent: 2em;
	text-align:justify;
	/*font-size: 0.58rem;*/
	float: left;
}
.common_explicit em{
	display: inline-block;
	width: calc(100% - 1rem);
	height: auto;
	padding: 0.5rem;
	float: left;
}
.common_explicit em img{
	width: 100%;
}
.dinggou{
	padding-top: 1rem;
}
.dinggou p{
	padding-bottom: 0.3rem;
	font-size: 0.5rem;
}
.cg_img,.dg_img,.sb_img{
	text-align: center;
	padding: 0.5rem 0 1rem 0;
}
.dinggou i{
	width: 4.7rem;
	height: 3.675rem;
	display: inline-block;
}
.cg_img i{
	background: url(../img/cg.png) no-repeat;
	background-size: contain;
}
.dg_img i{
	background: url(../img/dg.png) no-repeat;
	background-size: contain;
}
.sb_img i{
	background: url(../img/sb.png) no-repeat;
	background-size: contain;
}

.apply_modify #keep{
	width: calc(100% - 0.7rem);
	height: 1.7rem;
	line-height: 1.7rem;
	background: #52acff;
	border-radius: 0.3rem;
	border: transparent;
	color: #fff;
	text-align: center;
	font-size: 0.55rem;
	margin: 1rem 0.35rem 0.8rem 0.35rem;
}
.modify_tel,.modify_num{
	width: calc(100% - 0.7rem);
	padding: 0 0.35rem;
	margin-top: 0.5rem;
	float: left;
	position: relative;
}
.modify_tel em{
	width: 30%;
	height: 1.75rem;
	display: inline-block;
	background: #52acff;
	text-align: center;
	color: #fff;
	border: 1px solid #52acff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.75rem;
	font-size: 0.55rem;
	float: left;
}
.modify_tel input{
	width: calc(70% - 4px);
	height: 1.75rem;
	border: 2px solid #52acff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-indent: 2em;
	line-height: 1.75rem;
	font-size: 0.55rem;
	float: left;
}
.modify_num{
	margin-top: 0.7rem;
}
.modify_num input{
	width: calc(60% - 4px);
	height: 1.75rem;
	border: 2px solid #52acff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-indent: 2em;
	line-height: 1.75rem;
	font-size: 0.55rem;
	float: left;
}
.modify_num a{
	width: 35%;
	height: 1.75rem;
	display: inline-block;
	border: 2px solid #52acff;
	border-radius: 0.3rem;
	text-align: center;
	line-height: 1.75rem;
	float: right;
	font-size: 0.6rem;
	color: #52acff;
}
.modify_num .person_prompt{
	right: 5rem;
}
.person_now .person_prompt{
	right: 3rem;
}

.bottom_state{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.7rem;
	border-top: 1px solid #ddd;
	background: rgba(255,255,255,0.9);
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	font-size: 0.64rem;
	z-index: 100;
}
.bottom_state li{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	height: 1.7rem;
	border-right: 1px solid #ddd;
}
.bottom_state li:last-child{
	border-right: transparent;
}
.bottom_state a{
	height: 1.7rem;
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	line-height: 1.7rem;
	color: #333;
	opacity: 0.9;
}

.state_bm{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.06rem;
	border-top: 1px solid #ddd;
	background: rgba(255,255,255,0.8);
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	font-size: 0.4rem;
}
.state_bm li{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	height: 1.06rem;
	border-right: 1px solid #ddd;
}
.state_bm li:last-child{
	border-right: transparent;
}
.state_bm a{
	height: 1.06rem;
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	line-height: 1.06rem;
	color: #333;
	opacity: 0.9;
}
.payment_tab{
    display: flex;
    display: -webkit-flex;
    width: 100%;
    justify-content: space-between;
    height: 2.5rem;
    background: #fff;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.payment_tab a{
	display: flex;
	display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    height: 2.5rem;
    font-size: 0.5rem;
    color: #c8c8c8;
    border-bottom: 4px solid #c8c8c8;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
}
.payment_tab .active{
    color: #ff6000;
    border-bottom: 4px solid #ff6000;;
}

.liwu_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
.liwu_popup {
  position: fixed;
  top: 42.66666667rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.liwu_popup_con {
  width: 86%;
  position: absolute;
  top: 42.66666667rem;
  display: none;
  border-radius: 0.64rem;
  background: #fff;
  margin: 15% 7% 0 7%;
  font-size: 0.55466667rem;
  color: #333;
  padding-bottom: 0.85333333rem;
  transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  transform: translateZ(0.01px);
  -webkit-transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  -webkit-transform: translateZ(0.01px);
}
.daili_popup_con {
  margin: 30% 7% 0 7%;
}
.liwu_popup_top {
  top: 0;
}
.liwu_popup_con h3 {
  border-bottom: 1px solid #8E8E8E;
  text-align: center;
  font-size: 0.64rem;
  line-height: 1.49333333rem;
  padding-top: 0.21333333rem;
}
.liwu_popup_con section {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.42666667rem;
  margin-bottom: 0.21333333rem;
}
.liwu_popup_con section h4 {
  margin-bottom: 0.29866667rem;
  margin-top: 0.17066667rem;
}
.liwu_popup_con section p {
  margin-bottom: 0.17066667rem;
  line-height: 0.85333333rem;
  padding: 0 0 0 0.64rem;
  color: #666;
}
.liwu_popup_close {
  width: 80%;
  height: 1.70666667rem;
  background: #47a2ff;
  margin: 0 10%;
  color: #fff;
  line-height: 1.70666667rem;
  text-align: center;
  border-radius: 0.29866667rem;
}
#liwu_img {
  width: 9.81333333rem;
  height: 7.89333333rem;
  margin: 0.42666667rem 0;
  background: url(../img/liwu_img.png) no-repeat;
  background-size: contain;
}
#daili_img {
  width: 3.2rem;
  height: 2.56rem;
  margin: 0.42666667rem 0;
  background: url(../img/daili_img.png) no-repeat;
  background-size: contain;
}
.liwu_popup .line{
	position: inherit;
	bottom: -3rem;
	left: 50%;
	display: inline-block;
	width: 4px;
	margin-left: -2px;
	height: 3rem;
	background: #f6f5f5;
}

.bgqr .icon-qrcode{
	font-size: 40px;
	padding-right: 15px;
	padding-bottom: 5px;
	position: relative;
	top: 25px;
	left: 50px;
}

.bgqr .prdqrcode{
	width: 100px;
	font-size: 12px;
	color: #ff9f38;
	position: relative;
	top: 56px;
	left: -20px;
}

.bgqr{
	position: absolute;
	z-index: 3;
	right: 3px;
}

.qrmask{
	position: fixed;
	top: 0;
	left: 0; 
	z-index: 6;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
}

.outdiv{
	height: 83%;
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
}

.cha{
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	right: 0; top: 0;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	float: right;
	margin-bottom: 5px;
	margin-right: -10px;
}

.qrmain{
	width: 100%;
	height: 100%;
	background-color: #fff;
	float: right;
}

.qrtitle{
	font-size: 17px;
	color: #4D4D4D;
	position: relative;
	top: -13px;
	left: 10px;
}

.imgtitle{
	width:45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin-left: 7.5%;
	margin-top: 15px;
}

.prdpic{
	width: 85%;
	margin: 0 auto;
	margin-top: 10px;
}

.qrcodeimg{
	width: 100px;
	margin-left: 7.5%;
	margin-top: 10px;
	display: inline-block;
}

.qrprdname{
	display: inline-block;
	width: calc(77.5% - 90px);
	margin-left: 8px;
	font-size: 16px;
	position: relative;
	top: -25px;
}

.qrprdprice{
	font-size: 20px;
	color: red;
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}

.qrinfo{
	width: 100%;
	text-align: center;
	color: #4D4D4D;
	font-size: 0.7rem;
	margin-top: 5px
}